@charset "utf-8";
/* CSS Document */
body img{width:100%;}
.img{overflow:hidden;}
.img img{transform:scale(1); transition: all .5s ease-in-out;}
.img:hover img{transform:scale(1.1);}
a.more{line-height:50px; width:220px; text-align: center; display: inline-block;}
@media screen and (max-width:996px){
    a.more{line-height:40px; width:160px;}
}


/*导航条*/
header{width: 100%; max-width: 100%; padding: 0 5%; display:flex; justify-content:space-between; align-items: center; transition:all .5s ease-in-out; height:100px;background:var(--white);}
.close, #navbarNav .navbar-brand{display: none}

.navbar{width:100%; display: flex; justify-content: space-between; align-items:center; padding:0;}
.navbar-expand-lg .navbar-collapse{margin-right:2%; flex-grow:0; justify-content: flex-end; height: 100%;}
.navbar-brand{display: flex; justify-content: center; align-items: center;}
.navbar-brand img{width:100%; max-width:70px; margin-right:15px;}
.navbar-brand p{font-weight:bold; font-size:28px; letter-spacing: 1.5px; line-height: 1.3;}
.navbar-brand span{display: block; font-size:18px;letter-spacing:0;}
.navbar .navbar-nav .nav-link{margin:0 .5rem; padding:.5rem 1rem;}
.navbar .navbar-nav .nav-link:hover,.navbar .navbar-nav .nav-link:focus{color:#0d83e8;}
.navbar .navbar-nav .active > .nav-link{color:var(--blue); font-weight:bold;}
.navbar .navbar-nav .nav-item:last-child .nav-link{background:var(--blue); color:var(--white); border-radius:2rem; display: flex; align-items: center; padding:.5rem 1.5rem;}
.navbar .navbar-nav .nav-item:last-child .nav-link::before{content:"\e689"; font-family: "iconfont"; margin-right:10px; font-size:20px; line-height:1;}

.dropdown-toggle::after{margin-left:0.4em; transition: all .5s ease-in-out;}


@media screen and (max-width:1560px){
    .navbar-brand p{font-size:22px; letter-spacing: 1.5px;}
    .navbar-brand span{font-size:14px;}
    .navbar .navbar-nav .nav-link{margin:0; padding:.5rem 1rem;}
}

@media screen and (max-width:1440px){
    .navbar-brand p{font-size:20px; letter-spacing: 1.5px;}
    .navbar-brand span{font-size:13px;}
}

@media screen and (max-width:1368px){
    .navbar-brand p{font-size:20px; letter-spacing: 1.5px;}
    .navbar-brand span{font-size:13px;}
    .navbar .navbar-nav .nav-link{margin:0; padding:.5rem .8rem;}
}


@media screen and (max-width:1280px){
    .navbar-brand p{font-size:18px; letter-spacing: 1.8px;}
    .navbar-brand span{font-size:12px;}
    .navbar .navbar-nav .nav-item:last-child .nav-link{padding:.5rem 1rem;}
}


@media screen and (max-width:996px){
    .navbar-brand{padding:0; font-size:1rem; font-weight:bold;}
    .navbar-collapse{position:fixed; z-index: 9999; width:100%; max-width:100%; height:100vh; background:var(--light); padding:1rem 2rem; top:0px; left:0;}
    .navbar-light .navbar-toggler{color: rgba(255, 255, 255, 0.5);border-color:rgba(255,255,255, 0.8); padding:0; line-height:1.25;}
    .navbar-light .navbar-toggler-icon{background-image:none; color:var(--white); font-size:1.35em; height:1.25em; }
    .nav-link{padding:0.8rem 1rem; border-bottom:1px #e2e2e2 solid;}
    .navbar-expand-lg .navbar-nav{height: auto;}
    .navbar-light .navbar-nav .nav-link{color:rgba(255,255,255,.9);}
    .navbar-expand-lg .navbar-nav .nav-link{padding:1rem 0;}
    .nav-item-none{display:none;}
    .close{opacity: 1; font-size:1rem; display: flex; cursor: pointer; margin: 1rem .2rem .5rem 0; text-shadow: none;}
    .close:hover{color:#009679;}
    #navbarNav .navbar-brand{ display: flex; justify-content: center; align-items: center; margin:2rem 0; font-size:20px;}
    #navbarNav .navbar-brand img{max-width:70px;}
    .navbar-toggler-icon { font-size:30px; width:auto; height:auto;}
}

@media screen and (max-width:576px){
    header{padding: 0 2%; height:70px;}
    .navbar-collapse{ padding:0 1rem; margin: 0;}
    .navbar-expand-lg .navbar-nav .nav-link{font-size:1.2em;padding-right:2%;padding-left:2%;}
    .navbar .navbar-brand img{max-width:50px;}
    .navbar-brand p{font-size:18px; letter-spacing: 1.5px;}
    .navbar-brand span{font-size:12px;}
    .navbar-toggler {padding:0; display: flex; align-items: center;}
    .site_nav{padding-right:0rem;}
    .navbar-expand-lg .navbar-nav .nav-link.last{display: none;}
    #navbarNav .navbar-brand img{max-width:70px;}
    .close, #navbarNav .navbar-brand{display: black;}
}

.pc_web{display:block;}
.m_web{display:none;}
@media screen and (max-width:996px){
    .pc_web{display:none;}
    .m_web{display:block;}

}

/********************************************
    banner css
****************************************/
.slider{position:relative;}
.slider .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-container .swiper-pagination-custom,.swiper-container .swiper-pagination-fraction{width:95%; bottom:30px; display: flex; justify-content:center;}
.slider .swiper-pagination-bullet{background:#fff; width:10px; height:10px; border-radius:10px; opacity:1; transition: all 0.4s ease;}
.slider .swiper-pagination-bullet-active{width:45px; background:#fff; opacity:1;}
.slider .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 5px;}
.slider .swiper-button-next,.slider .swiper-button-prev{width:64px; height:64px; color:#fff;}
.slider .swiper-slide{display: flex; justify-content:center; align-items: center;}
.slider .container{position:absolute; margin:0 auto; padding-bottom:5%; text-align:center; color:var(--white);}
.slider .container h2{font-size:50px;font-weight:bolder; margin-bottom:15px;}
.slider .container a.more{background:var(--blue); color:var(--white); display: flex; justify-content:center; align-items: center; margin:20px auto 0;}
.slider .container a.more:hover{background:var(--bluehover);}
.slider .container a.more i{margin-right:15px; font-size:24px;}
.slider .container img{max-width:50%;}

@media screen and (max-width:996px){
    .slider .container h1{font-size:32px;}
    .slider .container h2{font-size:24px; letter-spacing:2px}
    .slider .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-container .swiper-pagination-custom,.swiper-container .swiper-pagination-fraction{bottom:10px;}
}

@media screen and (max-width:576px){
    .slider{text-align:center;}
    .slider h6{margin:20px 10% 30px;}
    .slider .slider_more{max-width:150px; margin:0 auto;}
    .slider .swiper-pagination-bullet{width:8px; height:8px;}
    .slider .swiper-pagination-bullet-active{width:24px;}
    .slider .swiper-button-next,.slider .swiper-container-rtl .swiper-button-prev{right: 0px;}
    .slider .swiper-button-prev,.slider .swiper-container-rtl .swiper-button-next{left: 0px;}
}


/********************************************
   首页产品分类
****************************************/
.productclass{margin:30px auto;}
.productclass_title{border:2px var(--light) solid; height:140px; display: flex; align-items: center; margin:0;}
.productclass_title .col-xl-3{font-size:35px; color:var(--blue);}
.productclass_title .col-xl-9{height:100%; line-height:100%; background:url(../images/productclass_title_bg1.jpg) top center repeat-x;  color:var(--white); position: relative;}
.productclass_title .col-xl-9::before{content:""; background:url(../images/productclass_title_bg.jpg) top center no-repeat;width:70px; height:100%; display: inline-block; margin-left:-80px; position: absolute;}
.productclass_title .col-xl-9::after{content:"classification"; font-size:140px; font-weight:bold; text-transform:uppercase; color:rgba(255,255,255,.07); position: absolute; bottom:15%; left:-20px;}
.productclass_title .col-xl-9 p{ font-size:24px;height:100%; line-height:140px; text-align:center;}
.productclass_title i{margin:0 15px;}

.productclass .productclass_swiper{position: relative; margin-top:20px; padding-bottom:50px;}
.productclass_swiper .swiper-slide{ overflow: hidden;}
.productclass_swiper .swiper-slide img{display: block;width: 100%;height: 100%;object-fit: cover;}
.productclass_swiper .swiper-slide img:hover{transform: scale(1.1);-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transition:all .4s ease-in-out;}
.productclass_swiper .listbg a{display: flex; justify-content: space-between; align-items: center; padding-bottom:8px;}
.productclass_swiper p{font-size:18px;}
.productclass_swiper p span{display: block; text-transform: uppercase; font-size:14px;}
.productclass_swiper i{font-size:24px;}
.productclass_swiper .swiper-slide:nth-child(odd) .listbg{background:#424242; padding:25px 30px 35px;}
.productclass_swiper .swiper-slide:nth-child(odd) .listbg a{border-bottom:1px var(--white) solid; color:var(--white);}
.productclass_swiper .swiper-slide:nth-child(odd) .listbg a:hover{border-bottom:1px var(--blue) solid;}
.productclass_swiper .swiper-slide:nth-child(even) .listbg{background:#d5d5d5; padding:25px 30px 35px;}
.productclass_swiper .swiper-slide:nth-child(even) .listbg a{border-bottom:1px #424242 solid; color:#424242;}
.productclass_swiper .swiper-slide:nth-child(even) .listbg a:hover{border-bottom:1px var(--blue) solid;}

.productclass_swiper .swiper-container-horizontal>.swiper-pagination-bullets,.productclass_swiper .swiper-pagination-custom,.productclass_swiper .swiper-pagination-fraction{bottom:0;}
.productclass_swiper .swiper-pagination-bullet{width:15px; height:15px; border-radius:0;}

@media screen and (max-width:996px){
    .productclass{margin:30px auto;}
    .productclass_title{height:80px;}
    .productclass_title .col-xl-3{font-size:24px;}
    .productclass_title .col-xl-9 p{ font-size:16px;line-height:80px;}
    .productclass_title .col-xl-9::after{font-size:60px;}
}

@media screen and (max-width:576px){
    .productclass{margin:30px auto 0;}
    .productclass_title{height:80px;}
    .productclass_title .col-xl-3{font-size:24px;}
    .productclass_title .col-xl-9 p{ display: none;}
    .productclass_title .col-xl-9::before{margin-left:-50px; position: absolute;}
    .productclass_title .col-xl-9::after{font-size:40px;}

}


/********************************************
   首页简介
****************************************/
.inabout_bg{position: relative;}
.inabout_bg .col-xl-6{padding:0;}
.inabout_bg .col-xl-6:nth-child(1){ background: #000;}
.inabout_info{background:var(--blue); color:var(--white);}
.inabout_info span{font-weight:18px; font-weight:bold;}
.inabout_info h2{margin:60px 50px 10px; line-height:1.45;}
.inabout_info p{ padding:10px 50px;}
.inabout_info a.more{background:var(--white);color:var(--blue); display: flex; justify-content: space-between; padding:0 3%; margin:20px 0 0 50px;}
.inabout_info a.more:hover{padding:0 6.5%;}

@media screen and (max-width:1360px){
    .inabout_info h2{margin:20px 50px 0px;}
    .inabout_info a.more{margin: 20px 0 20px 50px;}
}

@media screen and (max-width:996px){
    .inabout_bg::after{width:100%;}
    .inabout_bg .row{padding:30px 0;}
    .inabout_img{max-width:45%; margin:0 2% 20px;}
    .inabout_info{max-width:100%;}
    .inabout_info h2{margin:20px 30px 10px; font-size:24px;}
    .inabout_info p{ padding:5px 30px;}
    .inabout_info a.more{margin:20px 0 20px 30px;}
}


/********************************************
   首页产品展示
****************************************/
.inproduct_bg{padding:60px 0 30px;}
.inproduct_bg h2{ margin-bottom:15px; display: flex; justify-content: space-between; align-items: center;}
.inproduct_bg a.more{background:#d5d5d5; display: flex; justify-content: space-between; padding:0 1%;  font-size:16px;}
.inproduct_bg a.more:hover{padding:0 3%;}
/*.inproduct_bg .img{text-align: center;}
.inproduct_bg .img img{border:1px #ccc solid; margin:10px 0;}*/

/*图片滚动*/
#gdt{clear:both; width:100%; float:left; padding:10px 0;}
.scroll_div{width:100%; margin:0 auto; overflow: hidden; white-space:nowrap;}
.scroll_div img {width:330px; margin:0 auto;border:1px #ccc solid;}
#scroll_begin, #scroll_end, #scroll_begin ul, #scroll_end ul, #scroll_begin ul li, #scroll_end ul li { display:inline; }
#scroll_begin ul,#scroll_end ul{width:350px; height:380px; background:url(images/inproduct_infobg.png) top center no-repeat; display:inline-block; text-align:center; padding-top:5px; margin-right:10px;}
#scroll_begin li p,#scroll_end li p{line-height:30px;padding-top:12px; }
#scroll_begin li a:hover,#scroll_end a:hover{text-decoration:underline;}
#scroll_begin li .shopping img,#scroll_end li .shopping img{width:60px; padding:5px 0 0 0;}

@media screen and (max-width:996px){
    .inproduct_bg{padding:0px 15px 30px;}
    .inproduct_bg h2{ margin-bottom:15px;}
}


.inshe_bg{padding-bottom:40px;text-align: center;}
.inshe_bg h2{text-align: center; margin-bottom:15px;}
.inshe_bg p{padding: 10px 0;}

/********************************************
   首页新闻资讯
****************************************/
.innews_bg{padding-bottom:40px;}
.innews_bg h2{text-align: center; margin-bottom:15px;}
.innews_bg h2 p{font-size:16px; padding-top:10px;}
.innews_info{padding:2% 5% 2% 4%;}
.innews_info em{font-style: normal; margin:15px 0; display: block;}
.innews_info a.more{border:1px var(--dark) solid; line-height:40px; width:160px; margin-top:20px;}
.innews_info a.more:hover{padding:0 3%;}

.innews_bg .swiper-slide{border:2px var(--light) solid;}
.gallery-top {width:100%;}
.gallery-thumbs {width: 100%; padding-top:15px !important;}
.gallery-thumbs .swiper-slide { opacity: 0.75; cursor: pointer;}
.gallery-thumbs .swiper-slide-thumb-active {opacity: 1; border:1px var(--blue) solid;}

@media screen and (max-width:1280px){
    .innews_info em{margin:5px 0;}
}

/********************************************
  底部信息css
****************************************/
footer{font-size:14px; background:var(--dark); color:var(--white);}
footer a{color:var(--white);}
footer a:hover{color:#048afb;}
footer h3{margin:10px 0 25px;}
footer h4 span{border-bottom:1px var(--white) solid; padding-bottom:3px; display: inline-block; margin:40px 0 35px;}
footer i{font-size:30px; margin-top:30px; display: inline-block;}
footer p{line-height:2;}
footer ul li{width:50%; float: left;}
footer .footer_logo img{max-width:85%;}
footer .footer_tel{ text-align:center; margin-top:40px;}
footer .footer_tel p{padding-top:10px;}
footer .footer_tel img{max-width:90%;}
footer .copyright{line-height:70px; font-size:16px; margin-top:30px; border-top:1px #504f4f solid; display: flex; justify-content: space-between;}
footer .copyright a{margin:0 15px; display: inline-block;}
footer .copyright a img{margin-right:8px;}

.top a{width:55px; height:55px; line-height:55px; display: inline-block; border-radius:4px; text-align:center; position: fixed; z-index: 9999; right:20px; bottom:5%; background:#048afb; color:var(--white); font-size:30px;}
.top a:hover{color:var(--white); border-radius:4px;}

@media screen and (max-width:996px){
    footer .copyright{line-height:24px; font-size:14px; text-align:left; padding-top:20px;}
    footer ul li{width:33.3%;}
    footer .footer_tel img{max-width:60%;}
}

@media screen and (max-width: 576px){
    .top a{width:40px; height:40px; line-height:40px; right:10px; bottom:2%;}

}


/********************************************
    关于我们css
****************************************/
.container_1410{max-width:1410px;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.container_1200{max-width:1200px;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}



.about_bg{padding:50px 0;}
.about_bg h3{margin-bottom:20px;}
.about_info span{font-weight:18px; font-weight:bold;}
.about_bg p{margin-top:15px; padding-right:50px;}

@media screen and (max-width:1368px){
    .about_bg{padding:50px 15px;}
}

@media screen and (max-width:996px){
    .about_bg{padding:30px 15px;}
}

.she_bg{padding:50px 0;}
.she_bg h3{margin-bottom:20px; text-align: center;}
.she_bg p{margin:10px 0; text-align: center;text-transform: capitalize;}
@media screen and (max-width:1368px){
    .she_bg{padding:50px 15px;}
}
@media screen and (max-width:996px){
    .she_bg{padding:30px 15px;}
    .she_bg p{margin:5px 0;}
}


/********************************************
    产品展示
****************************************/
.products_list{display:flex; justify-content:space-between; align-items: center; border-bottom:1px var(--black) solid; padding-bottom:5px; margin-bottom:20px;}
.products_list h2{font-weight:bold;}
.products_list a{ color:var(--black); border:1px var(--black) solid; padding:7px 15px; border-radius:3px; margin:0 4px;}
.products_list a:hover{color:var(--white); background:var(--blue); border:1px var(--blue) solid;}
@media screen and (max-width:996px){
    .products_list{}
    .products_list a{margin:0 5px;}
    .products_list h2{font-size:20px; margin-bottom:20px; text-align: center;}
}

@media screen and (max-width:576px){
    .products_list{flex-direction: column;}
    .products_list div a{margin:5px 4px; display: inline-block; padding:3px 15px;}
    .products_list h2{font-size:20px; margin-bottom:20px; text-align: center;}
}


.product_five{flex: 0 0 20%; max-width: 20%; padding: 0 15px;}
.product_img img,.productview_info img{border:1px #ccc solid;}
.product_five p{text-align: center; margin:5px 0; padding-right: 0 !important;}

.productview_info h4{font-weight:bold; margin:20px 0; color:var(--blue);}
.productview_info h5{margin:25px 0 5px 0; font-weight: bold; font-size: 18px; margin-top:80px;}
.productview_info p{margin-top:0 !important;}
.productview_btn{display: flex; align-items: center; margin-top:20px;}
.productview_btn a{display: flex; align-items: center; justify-content: center; width: 178px; line-height: 38px; padding: 0 10px;}
.productview_btn a:nth-child(1){background:#ffeded; border:1px solid #FF0036; color: #FF0036; margin-right:15px;}
.productview_btn a:nth-child(2){background:var(--blue); border: 1px var(--blue) solid; color:var(--white);}
.productview_btn i{margin-right:8px;font-size:22px;}

@media screen and (max-width:996px){
    .product_five{flex: 0 0 33.3333%; max-width: 33.3333%; padding: 0 10px;}
    .productview_info h5{margin-top:0;}
}


@media screen and (max-width:576px){
    .product_five{flex: 0 0 50%; max-width: 50%; padding: 0 10px;}
}


/*********************分页css************************/
.page{width:100%; text-align:center; margin-top:30px;}
.page a span,.page span{display:inline-block; background:#ccc; border-radius:2px; line-height:36px; padding:0 20px; margin:0 10px;}
.page a:hover span,.page span:hover{background:var(--blue); color:var(--white);}
.prev_next{width:100%; margin-top:30px; color:#00a49e; font-size:15px; line-height: 32px;}
.prev_next a{ color:#00a49e; margin-left: 10px;}
.prev_next a:hover{ color:#000; text-decoration: underline;}



/********************************************
    新闻资讯
****************************************/
.news_box{width:100%; background: #fff; border-radius:4px; box-shadow: 0 0 10px rgba(0,0,0,0.05); margin-bottom: 25px;}
.news_box .news_img{overflow: hidden; transform:scale(1);}
.news_box .news_img img{width:100%;}
.news_box .news_img a:hover img{transform: scale(1.1);-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out;}
.news_box .news_info{max-width:100%; padding:10px 20px;}
.news_box .news_info h6{color: #000; padding:10px 0;}
.news_box .news_info p{font-size:14px;}
.news_box a.more{color:var(--blue); border:1px var(--blue) solid; display: flex; justify-content: space-between; padding:0 3%; margin:20px 0;}
.news_box a.more:hover{padding:0 6.5%;background:var(--blue);color:var(--white); }

.newsview_info{margin:0 auto;}
.newsview_info h3{color:var(--blue); text-align:center;}
.newsview_info h6{text-align:center;color:#666; font-size:13px; display: flex; align-items: center; justify-content: center; margin:15px 0 30px;}
.newsview_info p strong{ font-weight:bold; font-size:16px;}
.newsview_info table{ margin-bottom:35px;}
.newsview_info table td{ border: 1px #000 solid; text-align: center; line-height: 40px;}
.newsview_info table tr:first-child{ font-weight:bold; font-size:14px;}



/********************************************
   联系我们css
****************************************/
.contact_info_text h4{margin-bottom:15px;}
.contact_info_text i{font-size:24px; margin-right:15px;}
.contact_info_text p{display: flex; align-items: center; border-bottom:1px #d6d6d6 solid;}

.iw_poi_title {color:#CC5522;font-size:16px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:14px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
#dituContent{height:450px;}

@media screen and (max-width:996px){
    .contact_info_text{margin-bottom:20px;}
    #dituContent{margin:10px auto;}
}

@media screen and (max-width: 576px){
    #dituContent{height:300px; margin-bottom:0px;}
}


/***********************************
    在线留言css
****************************/
.message_bg{padding:50px 0; position: relative;}
.message_bg h2{ text-align:center;}
.message_bg p{font-size:18px; color:#7b7b7b; text-align:center; margin:10px 0 30px;}

.message_info{width:80%; margin:0 auto;}
.message_info li{width:100%; float: left; line-height: 50px; background: #fff; margin-bottom:20px; box-shadow: 0 0 10px rgba(0,0,0,0.05); border-radius:2px;}
.message_info li input{width:85%; float: right; line-height: 50px; background: none; border: none;}
.message_info li textarea{width:90%; float: right; line-height: 40px; background: none; border: none;}
.message_info li.yzm{width:100%; display: flex; align-items: center;}
.message_info li.yzm input{width:80%; margin-left:15px;}
.message_info li .yzm_img{width:100px;}
.message_info li .yzm_img img{width:20%;}
.message_info li.submit input{width:100%; float: left; font-size:16px; font-weight: bold; background:var(--blue); color:var(--white);}
.message_info li span{ padding-left:15px;}

@media screen and (max-width: 996px) {
    .message_bg h1{margin-bottom: 20px;}
    .message_bg{padding:40px 0 20px;}
    .message_info{width:100%;}
    .message_info li input{width:70%;}
    .message_info li textarea{width:65%;}
    .message_info li.yzm input{width:35%;}
    .message_bg h1 em span{ display:block; margin-top: 10px;}
}

/*********************·ÖÒ³css************************/
*+.pagination-wrap {margin:40px auto 40px}
/*.pagination {display:flex; align-items:center; justify-content:center; font-size:0; line-height:0;}*/
.pagination {display:flex; align-items:center; justify-content:center;}
.pagination:empty {margin-bottom:0;margin-left:0}
.pagination>* {display:inline-block;margin-top:0;margin-bottom:14px;margin-left:14px}

.pagination>li {display:inline-block;vertical-align:middle;text-align:center}
.pagination>li:first-child .page-link,
.pagination>li:last-child .page-link {border-radius:50%}
.pagination>li:first-child .page-link:hover,
.pagination>li:first-child .page-link:focus,
.pagination>li:first-child .page-link:active,
.pagination>li:last-child .page-link:hover,
.pagination>li:last-child .page-link:focus,
.pagination>li:last-child .page-link:active {color:#fff}


/*.pagination>li>a {display:inline-block;min-width:38px;padding:6px 5px 4px; font-size:16px; line-height:1.5; letter-spacing:.075em; color:#333; background:#d9d9d9;border-radius:50%;border:2px solid transparent; transition:all .3s ease-in-out}*/
/*.pagination>li>a .icon {font-size:22px}*/
/*.pagination>li>a:hover,*/
/*.pagination>li>a:focus,*/
/*.pagination>li>a:active,*/
/*.active a.page-link {color:#fff;background-color:#ad1122;}*/

/*.pagination>li.active>.page-link,.page-item.active>.page-link:hover,.page-item.active>.page-link:focus,.page-item.active>.page-link:active {color:#fff;}*/
/*.pagination>li.disabled>.page-link,.page-item.disabled>.page-link:hover,.page-item.disabled>.page-link:focus,.page-item.disabled>.page-link:active {color:#333;background:#ebebeb;}*/

.page-item {display:inline-block;vertical-align:middle;text-align:center}
.page-item:first-child .page-link,.page-item:last-child .page-link {border-radius:50%}
.page-item:first-child .page-link:hover,.page-item:first-child .page-link:focus,.page-item:first-child .page-link:active,.page-item:last-child .page-link:hover,.page-item:last-child .page-link:focus,.page-item:last-child .page-link:active {color:#fff}

.page-link {display:inline-block;min-width:38px;padding:6px 5px 4px; font-size:16px; line-height:1.5; letter-spacing:.075em; color:#333; background:#d9d9d9;border-radius:50%;border:2px solid transparent; transition:all .3s ease-in-out}
.page-link .icon {font-size:22px}
.page-link:hover,.page-link:focus,.page-link:active,.active a.page-link {color:#fff;background-color:#ad1122;}
.page-item.active>.page-link,.page-item.active>.page-link:hover,.page-item.active>.page-link:focus,.page-item.active>.page-link:active {color:#fff;}
.page-item.disabled>.page-link,.page-item.disabled>.page-link:hover,.page-item.disabled>.page-link:focus,.page-item.disabled>.page-link:active {color:#333;background:#ebebeb;}


.page-item-control .icon::before {font-family:fontawesome;line-height:25px}
.page-item-control:first-child .icon::before {content:'';margin-left:-1px}
.page-item-control:last-child .icon::before {content:'';margin-right:-1px}

.prev_next{display: flex; justify-content: space-between; margin-bottom:20px;}
.prev_page,.next_page{background:#eee; margin-top:30px; color: #a7232a; text-align: left;}
.prev_page a,.next_page a{display: block; padding:6px 20px; border-radius:4px;}
.prev_page a:hover,.next_page a:hover{background:#a7232a; color:#fff; text-decoration: underline;}

@media screen and (max-width:1440px){
    *+.pagination-wrap {margin:20px auto}
}

@media screen and (max-width:1024px){ 
}

@media screen and (max-width: 576px){
}